<template>
<div class="view box">
  <div>
      <p>
        &#12288;&#12288;&#12288;系统名称
        <el-input v-model="name" :disabled="true" size="normal">
        </el-input>
      </p>
      <p>
      &#12288;&#12288;&#12288;所属租户
        <el-input v-model="tenantName" :disabled="true" size="normal">
        </el-input>
      </p>
      <p>
        &#12288;&#12288;&#12288;传输配置
        <el-input v-model="storageName" :disabled="true" size="normal">
        </el-input>
      </p>
      <p>
        &#12288;&#12288;&#12288;创建时间
        <el-input v-model="createDate" :disabled="true" size="normal">
        </el-input>
      </p>
      <p>
        &#12288;&#12288;&#12288;修改时间
        <el-input v-model="updateDate" :disabled="true" size="normal">
        </el-input>
      </p>
      <p>
        &#12288;&#12288;&#12288;&#12288;&#12288;状态
        <span class="fixWidth">
           <el-radio disabled v-model="status" label="start" v-if="status === 'start'" class="start">启用</el-radio>
          <el-radio disabled v-model="status" label="stop" v-if="status === 'stop'">禁用</el-radio>
        </span>
      </p>
      <p>
        &#12288;&#12288;&#12288;&#12288;&#12288;备注
        <el-input
            size="normal"
            :disabled="true"
            type="textarea"
            :autosize="{ minRows: 2, maxRows: 4}"
            v-model="remarks"
            resize="none">
        </el-input>
      </p>
      <p>
        <el-button type="primary" round size="normal" @click="() => {$router.push('/configManage/systemSetting')}">返回</el-button>
      </p>
    </div>
</div>
</template>

<script>
export default {
  name: "view",
  data() {
    return{
      name:'',
      storageName:'',
      tenantName:'',
      createDate:'',
      updateDate:'',
      status:'',
      remarks:'',
    }
  },
  created(){
    this.id=this.$route.query.id
    this.getSys();
  },
  methods:{
    getSys(){
      this.$Http.viewSystemList({
        id: this.id,
      }).then((res)=>{
        this.name=res.data.name,
        this.storageName=res.data.storageName,
        this.tenantName=res.data.tenantName,
        this.createDate=res.data.createDate,
        this.updateDate=res.data.updateDate,
        this.status=res.data.status,
        this.remarks=res.data.remarks
      })
    }
  }
}
</script>

<style scoped lang="scss">
@import "src/assets/css/content.scss";

//页面完善
.box p:last-child{
	margin-top: 0px!important;
  margin-bottom: -12px
}
</style>
